<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="聊天室,视频聊天室,随机聊天,聊天轮盘,免费随机聊天,随机视频聊天,51liao,51聊"/>
<meta name="description" content="人海中的邂逅,聊天的首选!51聊是最有趣的视频聊天,永远可以选择下一个!有视频有文字,有惊喜,更精彩!全部免费,游客随意进！有你必精彩!"/>
<title>聊天轮盘 - 编辑资料-聊天室 随机聊天 视频聊天 与陌生人交友 邂逅美女帅哥</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/addin.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<style type="text/css">
img { behavior: url(img/iepngfix.htc) }
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/city.js"></script>
<script type="text/javascript" src="js/check2.js"></script>
<script type="text/javascript" src="js/update.js"></script>
</head>

<body>
<div class="head">
  <div class="head_center">
<div class="logobox"><img src="img/logo&title.png" alt="聊天轮盘" /></div>
  </div>
</div>
<div class="main">
<div class="middle">
  <div id=registBox>
    <div id=container>
      <div id="title">编辑个人资料</div>
      <input type="hidden" id="pagename" value="${pagename }"/>
      <div id=infoBox>
        <ul id=tags>
          <li  class=selectTag><span onclick="selectTag('tagContent0',this)" id="basicinfo">基本资料</span></li>
          <li><span onclick="selectTag('tagContent1',this)"  id="details">详细资料</span></li>
          <li><span onclick="selectTag('tagContent2',this)" id="safety">帐号安全</span></li>
          <li><span onclick="selectTag('tagContent3',this)" id="userpic">用户头像</span></li>
          <li></li>
          <li style="padding-top: 280px;padding-left: 40px;"><input id="goback" type="button" value="返回聊天" class="button" style="width:100px;" /></li>
        </ul>
        <div id=tagContent>
          <div class="tagContent selectTag" id=tagContent0>
          <form action="ChatUserPo" method="post" onsubmit="return submitA()"><input type="hidden" name="m" value="modibasicinfo">
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="6px">
              <tr>
                <td width="30">&nbsp;</td>
                <td colspan="2"><div class="tips" style="display: none;">此处显示 class &quot;tips&quot; 的内容</div></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">昵称:</td>
                <td><input value="${user.nickname }" id="nickname" type="text" name="nickname" style="width:220px"/>
                  <span id="nicknamemsg" class="${register.nicknameStyle }">${register.nickname }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">年龄:</td>
                <td>
	               <input value="${user.age }" id="age" type="text" name="age" onkeyup="value=value.replace(/\D/g,'')" style="width:220px"/>
	               <span id="agemsg" class="${register.ageStyle }">${register.age }</span>
                </td>
              </tr>
              <tr>
		      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
		      <td width="60" align="right" nowrap="nowrap">所在省:</td>
		      <td>
		      	<select name="province" id="s1" class="selectBox">
					<option></option>
				</select><input type="hidden" id="ss1" value="${user.province }">
				<span id="s1msg" class="${register.provinceStyle }">${register.province }</span>
			</td>
		    </tr>
		    <tr>
		      <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
		      <td width="60" align="right" nowrap="nowrap">所在市:</td>
		      <td>
		      	<select name="city" id="s2" class="selectBox">
					<option></option>
				</select><input type="hidden" id="ss2" value="${user.city }">
				<span id="s2msg" class="${register.cityStyle }">${register.city }</span>
			</td>
		    </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">邮箱:</td>
                <td><input id="email" type="text" name="email" value="${user.email }" style="width:220px;" />
                <span id="emailmsg" class="${register.emailStyle }"></span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">个人介绍:</td>
                <td><textarea id="description" name="description" rows="7" style="width:216px;overflow: hidden;">${user.description }</textarea><br/>&nbsp;
					<span id="descriptionmsg" class="${register.descriptionStyle }">${register.description }</span></td>
              </tr>
              <tr>
                <td width="30" align="right">&nbsp;</td>
                <td width="60" align="right">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td align="right">&nbsp;</td>
                <td><input type="submit" value="保存更改" class="button" style="width:100px" /></td>
              </tr>
            </table>
            </form>
          </div>
          
          <div class="tagContent" id=tagContent1>
          	<form action="ChatUserPo" method="post" onsubmit="return submitB()"><input type="hidden" name="m" value="modiinfo">
         	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="6px">
           <tr>
             <td>&nbsp;</td>
             <td colspan="4"><div class="tips" style="display: none;">此处显示 class &quot;tips&quot; 的内容</div></td>
           </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">出生日期:</td>
                <td><input id="born" type="text" name="born" value="${user.born }" onclick="return showCalendar('born', 'y-mm-dd');" style="width:220px"/></td>
                <td><span id="bornmsg" class="${register.bornStyle }">${register.born }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">生肖:</td>
                <td><select id="animal" name="animal" class="selectBox">
						<option value=0>请选择</option>
						<option value="鼠">子鼠</option><option value="牛">丑牛</option>
						<option value="虎">寅虎</option><option value="兔">卯兔</option>
						<option value="龙">辰龙</option><option value="蛇">巳蛇</option>
						<option value="马">午马</option><option value="羊">未羊</option>
						<option value="猴">申猴</option><option value="鸡">酉鸡</option>
						<option value="狗">戌狗</option><option value="猪">亥猪</option>
                </select><input type="hidden" id="animal2" value="${user.signanimal }"></td>
                <td><span id="animalmsg" class="${register.signanimalStyle }">${register.signanimal }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">星座:</td>
                <td><select id="constellation" name="constellation" class="selectBox">
						<option value=0>请选择</option>
						<option value="白羊座">白羊座(3.21-4.19)</option><option value="金牛座">金牛座(4.20-5.20)</option>
						<option value="双子座">双子座(5.21-6.21)</option><option value="巨蟹座">巨蟹座(6.22-7.22)</option>
						<option value="狮子座">狮子座(7.23-8.22)</option><option value="处女座">处女座(8.23-9.23)</option>
						<option value="天秤座">天秤座(9.24-10.23)</option><option value="天蝎座">天蝎座(10.24-11.21)</option>
						<option value="射手座">射手座(11.22-12.21)</option><option value="摩羯座">摩羯座(12.22-1.19)</option>
						<option value="水瓶座">水瓶座(1.20-2.18)</option><option value="双鱼座">双鱼座(2.19-3.20)</option>
                </select><input type="hidden" id="constellation2" value="${user.constellation }"></td>
                <td><span id="constellationmsg" class="${register.constellationStyle }">${register.constellation }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">血型:</td>
                <td><select id="bloodtype" name="bloodtype" onchange="" class="selectBox">
						<option value=0>请选择</option>
						<option value="A">A</option><option value="B">B</option>
						<option value="O">O</option><option value="AB">AB</option>
						<option value="其他">其他</option>
                </select><input type="hidden" id="bloodtype2" value="${user.bloodtype }"></td>
                <td><span id="bloodtypemsg" class="${register.bloodtypeStyle }">${register.bloodtype }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">身高:</td>
                <td><input id="height" type="text" name="height" onkeyup="value=value.replace(/\D/g,'')" value="${user.height }" style="width: 220px;" /></td>
				<td><span id="heightmsg" class="${register.heightStyle }">${register.height }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">体重:</td>
                <td><input id="weight" type="text" name="weight" onkeyup="value=value.replace(/\D/g,'')" value="${user.weight }" style="width:220px" /></td>
				<td><span id="weightmsg" class="${register.weightStyle }">${register.weight }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">学历:</td>
                <td><select id="education" name="education" class="selectBox">
						<option value=0>请选择</option>
						<option value="高中以下">高中以下</option><option value="高中">高中</option>
						<option value="专科">专科</option><option value="本科">本科</option>
						<option value="硕士">硕士</option><option value="博士">博士</option>
                </select><input type="hidden" id="education2" value="${user.education }"></td>
                <td><span id="educationmsg" class="${register.educationStyle }">${register.education }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">毕业院校:</td>
                <td><input id="school" type="text" name="school" value="${user.school }" style="width:220px"/></td>
                <td><span id="schoolmsg" class="${register.schoolStyle }">${register.school }</span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">职业:</td>
                <td><input id="occupation" type="text" name="occupation" value="${user.occupation }" style="width:220px"/></td>
                <td><span id="occupationmsg" class="${register.occupationStyle }">${register.occupation }</span></td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td align="right">电话:</td>
                <td><input id="phone" type="text" name="phone" value="${user.phone }" style="width:220px"/></td>
                <td><span id="phonemsg" class="${register.phoneStyle }">${register.phone }</span></td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td align="right">&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td width="30" align="right">&nbsp;</td>
                <td width="60" align="right">&nbsp;</td>
                <td><input type="submit" value="保存更改" class="button" style="width:100px" /></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>
            </form>
          </div>
          
          <div class=tagContent id=tagContent2>
          <form action="ChatUserPo" method="post" onsubmit="return submitC()"><input type="hidden" name="m" value="modiaccount">
          <table width="100%" border="0" align="center" cellpadding="0" cellspacing="6px">
           <tr>
             <td>&nbsp;</td>
             <td colspan="4"><div class="tips" style="display: none;">此处显示 class &quot;tips&quot; 的内容</div></td>
           </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">旧密码:</td>
                <td><input id="password" type="password" name="pwd" style="width:220px"/></td>
                <td><span id="passwordmsg" class="${register.pwdStyle }"></span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">新密码:</td>
                <td><input id="newpwd" type="password" name="newpwd" style="width:220px"/></td>
                <td><span id="newpwdmsg" class="${register.pwdStyle }"></span></td>
              </tr>
              <tr>
                <td width="30" align="right" nowrap="nowrap">&nbsp;</td>
                <td width="60" align="right" nowrap="nowrap">密码确认:</td>
                <td><input id="renewpwd" name="renewpwd" type="password" style="width:220px"/></td>
                <td><span id="renewpwdmsg" class="${register.repwdStyle }"></span></td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td align="right">&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td width="30" align="right">&nbsp;</td>
                <td width="60" align="right">&nbsp;</td>
                <td><input id="submit3" type="submit" value="保存更改" class="button" style="width:100px" /></td>
                <td>&nbsp;</td>
              </tr>
            </table>
            </form>
          </div>
          <div class=tagContent id=tagContent3>
             <div id="uploadflash">
 	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
		id="ImageUpload" width="560" height="400"
		codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
		<param name="movie" value="img/ImageUpload.swf" />
		<param name="quality" value="high" />
		<!-- 
		flashVars的3个参数
		url必选代表上传地址
		photo代表用户头像图片url路径
		
		也可调用页面js获取servlet上传地址，方法：getPostURL()
		得到头像js方法 getPhotoURL()
		 -->
		<param name="flashVars" value="url=./PhotoUploadPo&photo=photo?name=${user.photo }" />
		<param name="bgcolor" value="#ffffff" />
		<param name="allowScriptAccess" value="sameDomain" />
		<embed src="img/ImageUpload.swf" quality="high" bgcolor="#869ca7"
			width="560" height="400" name="ImageUpload" align="middle"
			play="true"
			flashVars="url=./PhotoUploadPo&photo=photo?name=${user.photo }" 
			loop="false"
			quality="high"
			allowScriptAccess="sameDomain"
			type="application/x-shockwave-flash"
			pluginspage="http://www.adobe.com/go/getflashplayer">
		</embed>
	</object>
             </div>
          </div>
        </div>
      </div>
      <p>
      </p>
    </div>
    <div id=myAlpha></div>
  </div>
</div>  
</div>
<div class="bottom_back">
<%@ include file="footer.jsp" %>
</div>
</body>
</html>
